<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/11/29
  Time: 23:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath();%>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>商品详情页</title>
    <link rel="stylesheet" type="text/css" href="<%=path%>/web/app/css/publice.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/web/app/css/style.css"/>
    <link rel="stylesheet" href="<%=path%>/web/app/css/swiper.min.css">
    <script src="<%=path%>/web/app/js/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        fnResize();
        var evt = "onorientationchange" in window ? "orientationchange" : "resize";
        window.addEventListener("resize", function() {
            fnResize()
        }, false);
        function fnResize(){
            var docWidth = document.documentElement.clientWidth,
                body = document.getElementsByTagName('html')[0];
            if(docWidth >= 750) docWidth = 749;
            body.style.fontSize = docWidth / 20 + 'px';
        }
    </script>
    <script src="<%=path%>/web/app/js/swiper.min.js"></script>
    <script type="text/javascript" src="<%=path%>/web/app/js/jquery.js" ></script>
    <script type="text/javascript" src="<%=path%>/web/app/js/luokeke.js" ></script>
    <script type="text/javascript" src="<%=path%>/web/app/js/style.js" ></script>
    <script type="text/javascript" >
        $(function() {
            $('.trdiv').each(function() {
                $.alerts.bindClick({
                    add : $(this).find($(".button1")),
                    reduce : $(this).find($(".button2")),
                    qty_item : $(this).find($(".qty_item")),
                    total : $(this).find($(".total")),
                    price : parseFloat($(this).find(".qty_item").attr('price'))
                });
            });
        });
    </script>
    <script type="text/javascript" src="<%=path%>/web/app/js/jquery.SuperSlide.2.1.1.js" ></script>
</head>
<body>
<div class="ts-wrap">
    <!--banner S-->
    <div class="swiper-containerA">
        <div class="swiper-wrapper" id="swiper-wrapper">

            <div class="swiper-slide"><a href=""><img src="<%=path%>/upload/${shop.pic}"></a></div>
        </div>
        <div class="swiper-paginationA"></div>
    </div>
    <!--banner E-->
    <div class="detail_pro">
        <h2>18K金版Apple Watch苹果手表</h2>
        <p>本商品是VIP会员所选福粒换购商品：所有产品均为厂家直供品牌，全国联保、正品正货，请开心选择、放心使用。</p>
        <p class="text"><span>福粒扣：2800</span>市场价：￥3600.00<b>267 </b>人已兑换</p>
    </div>

    <!--商品详情-->
    <div class="product_detali">
        <div class="slideTxtBox_product">
            <div class="hd">
                <ul><li>商品详情</li><li>商品咨询</li><li>商品评价</li></ul>
            </div>
            <div class="bd">
                <ul>
                    <li>
                        ${shop.discription}
                    </li>
                </ul>
                <ul>
                    <li>
                        ${shop.monunit}
                    </li>
                </ul>
                <ul>
                    <li>
                        ${shop.monunit}
                    </li>
                </ul>
            </div>
        </div>
        <script type="text/javascript">jQuery(".slideTxtBox_product").slide();</script>
    </div>

<div style="height: 300px;">

</div>
    <!--固定底部 S-->
    <div class="ts-bottom-fix">
        <div class="ts-inner-wrap">
            <ul class="clearfix" style="background-color: #4476A7;">
                <li class="normal"><a href="/money_shop_isv_list"><i class="ico ind"></i><span style="color: white">精选</span></a></li>
                <li class="normal"><a href="/money_shop_list" class="ico con"><i class="ico show"></i><span style="color: white">理财</span></a></li>
                <li class="normal mrl"><a href="/pres_users"><i class="ico con"></i><span style="color: white">申V</span></a></li>
                <li class="normal"><a href="/MyApp"><i class="ico shop"></i><span style="color: white">我的</span></a></li>
            </ul>
        </div>
    </div>
    <!--固定底部 E-->
</div>
</body>
</html>
<script type="text/javascript">
    var swiper = new Swiper('.swiper-containerA', {
        pagination: '.swiper-paginationA',
        paginationClickable: true,
        spaceBetween: 30,
    });
</script>


